@charset "utf-8";  /*ljcong 2018.9.13*/
* { margin: 0; border: 0; padding: 0; font-family: Arial, "微软雅黑", Microsoft YaHei, "宋体", SimSun; box-sizing: border-box; }
a { color: inherit; outline: none; text-decoration: none; }
ul, li, ol { list-style-type: none; }
input, textarea, button, select, body { font-size: 14px; }
input, textarea, button, select, input[type=submit], input[type=reset], input[type=button], input[type=text] { outline: none; border-radius: 0; resize: none; }
input[type='button'], button { cursor: pointer; outline:none;}
img, .block { display: block; }
em, i { font-style: normal; }
/*宽度*/
.imgW-100, .w-100 { width: 100%; }
.w-1200 { width: 62.5%; }
.w-1400 { width: 73%; }
.w-1600 { width: 84%; }
.w-1200, .w-1400, .w-1600 { margin: 0 auto; }
.w-50 { width: 50%; }
/*字号*/
.f-0 { font-size: 0; }
.f-12 { font-size: 12px; }
.f-14 { font-size: 14px; }
.f-16 { font-size: 16px; }
.f-18 { font-size: 18px; }
.f-20 { font-size: 20px; }
/*颜色*/
.c-fff { color: #fff; }
.c-f5 { color: #f5f5f5; }
.c-999 { color: #999; }
.c-888 { color: #888; }
.c-666 { color: #666; }
.c-333 { color: #333; }
/*字体*/
.font-over1 { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.font-over2 { word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.text-u { text-transform: uppercase; }
.text-c { text-transform: capitalize; }
.text-center{text-align:center;}
/*对齐方式*/
.dis-t, .dis-m, .dis-b { display: inline-block; }
.dis-t { vertical-align: top; }
.dis-m { vertical-align: middle; }
.dis-b { vertical-align: bottom; }
.v-align-m1, .v-align-m2 { font-size: 0; }
.v-align-m1:before, .v-align-m2:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
/*尺寸*/
.m-WH100{max-height:100%; max-width:100%;}
/*显示/隐藏尺寸*/
.pc, .pc-800 { display: block; }
.mob, .mob-800 { display: none; }
.ov-h{overflow:hidden;}
/*三角形*/
.SJ-L:after, .SJ-B:after, .SJ-BL:after { content: ''; display: inline-block; border-style: solid; width: 0; height: 0; margin-left: 5px; }
/*向左*/
.SJ-L:after { border-color: transparent transparent transparent #000; border-width: 4px 0 4px 5px; }
/*向下*/
.SJ-B:after { border-color: #000 transparent transparent transparent; border-width: 4px 5px 0px 5px; }
/*向左下*/
.SJ-BL:after { border-color: transparent transparent transparent #000; border-width: 4px 0 4px 5px; }
/*浮动*/
.clear { display: inline-block; vertical-align: top; width: 100%; }
.float-R { float: right; }
.float-L { float: left; }
/*IE8透明度*/
.opacity50 { opacity: 0.5; filter: Alpha(opacity=50); }
/*通用背景*/
.public-bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 0; }
[id*='public-bg'] {
display:none;
}
/*定位*/
.pos-r { position: relative; z-index: 0; }
.p-Ycenter { position: absolute; top: 50%; z-index: 0; transform: translateY(-50%); }
/*过渡时间*/
.tr-ease-03{transition:0.3s ease 0s;}
.tr-ease-05{transition:0.5s ease 0s;}
@media screen and (min-width: 801px) {
}
@media screen and (max-width: 1500px) {
.f-20{font-size:18px;}
.f-18 { font-size: 16px; }
.f-14 { font-size: 12px; }
.f-16{ font-size: 14px; }
}
@media screen and (max-width: 1100px) {
.pc { display: none; }
.mob { display: block; }
.f-20{font-size:16px;}
.f-18 { font-size: 14px; }
.f-16{font-size:12px;}
.w-1200, .w-1400, .w-1600 { width: 92%; }
textarea, button, select, input[type='submit'], input[type='reset'], input[type='button'], input[type='text'], input[type='tel'], input[type='radio'], input[type='checkbox'] { appearance: none; -webkit-appearance: none; -moz-appearance: none; }
input[type='radio'], input[type='radio']:before, input[type='radio']:after { border-radius: 50%; }
input[type='radio'], input[type="checkbox"] { border: 1px solid #004ea2; position: relative; z-index: 0; }
input[type='radio']:checked:after, input[type='checkbox']:checked:after { opacity: 1; }
input[type='radio']:after, input[type='checkbox']:after { width: 70%; height: 70%; content: ''; left: 15%; top: 15%; z-index: 1; opacity: 0; background: #004ea2; position: absolute; }
input[type='radio']:before, input[type='checkbox']:before { content: ''; width: 100%; height: 100%; background: #fff; left: 0; top: 0; z-index: 0; position: absolute; }
}
@media screen and (max-width: 800px) {
.f-3v8{ font-size: 3.8vw; }
.f-4v4{ font-size: 4.4vw; }
.f-5v { font-size: 5vw; }
.f-5v6{ font-size: 5.6vw; }
.pc-800 { display: none; }
.mob-800 { display: block; }
}